<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/info-mgt.css" />
<link rel="stylesheet" href="css/WdatePicker.css" />
<title>天宫智能办公系统</title>
</head>
<body>
<div class="title"><h2>公海客户</h2></div>
<div class="table-operate ue-clear query" style="margin:0; padding-bottom:0; padding-top:0">
 <div class="h-chaxundiv"><span style="float:left">查询：</span>

 <input type="text" class="h-chaxun" style="float:left;margin-top:6px"/>
  <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select>
 <select style="float:left;margin-top:6px"><option>所有状态</option><option>2</option><option>3</option><option>4</option></select>
 <div class="conditions time ue-clear" style="width:260px; float:left; margin:0">
            <label style="line-height:35px; width:40px">时间：</label>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon" style="top:4px"></i>
            </div>
            <span class="line">-</span>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon" style="top:4px"></i>
            </div>
        </div>
 <button class="h-chaxun-btn">查询</button>
  </div>
    
    <a href="javascript:;" class="all">任务</a>
    <a href="javascript:;" class="weikaishi">需求</a>
    <a href="javascript:;" class="jinxingzhong">Bug</a>
    <a href="javascript:;" class="yiguaqi">版本</a>
    <a href="javascript:;" class="weiwancheng">测试</a>
    <a href="javascript:;" class="yiwancheng">团队</a>
    <a href="javascript:;" class="weiwancheng">动态</a>
    <a href="javascript:;" class="yiwancheng">概况</a>
	<a href="javascript:;" class="add">添加</a>
    <a href="javascript:;" class="del">删除</a>
    <!--<a href="javascript:;" class="edit">导入</a>
    <a href="javascript:;" class="count">导出</a>-->
   
</div>
<div class="all-kh">
<div class="fl" style="width:100%; background-color:#fff">
<table class="table-box2">
  <tbody>
    <tr>
      <td style="vertical-align:top"><table>
    	<thead>
        	<tr>
                <th><input type="checkbox"/></th>
            	<th>姓名</th>
                <th>公司</th>
                <th>类别</th>
                <th>电话</th>
                <th>手机</th>
                <th>最近拜访</th>
                <th>预约回访</th>
            </tr>
        </thead>
        <tbody>
        	<tr>
                <td><input type="checkbox"/></td>
            	<td>客户服务</td>
                <td>总管家云ＣＲＭ</td>
                <td>客户服务</td>
                <td>028-85138181</td>
                <td></td>
                 <td></td>
                <td>2017-01-13 13:59:55</td>
            </tr>
            
            
        </tbody>
    </table></td>
      <td style="width:240px; background-color:#f0f4f7; height:100%;margin-left:10px"><div class="fr" >
   <ul class="ul-tab1" style="margin-left:10px">
     <li class="bac-w">资料</li>
     <li>拜访</li>
     <li>订单</li>
     <li>附件</li>
     <li>收支</li>
   </ul>
<div class="ul-h-box1" style="width:240px;margin-left:10px">
    <div class="wm">
        <div class="fl">
           <p>客户服务</p>
           <p>客户服务</p>
        </div>
        <div class="fr" style="margin-top:10px"><img src="images/ico02.png"/></div>
    </div>
<p>总管家云ＣＲＭ</p>
<p>电话:028-85138181</p>
<p class="bor-b">QQ:138181</p>
<p class="w100"><span class="fl" style="margin-top:7px; margin-right:10px">类别:</span> <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">状态:</span> <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">来源:</span><span class="fl" style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
<p class="w100 bor-b"><span class="fl" style="margin-top:7px;margin-right:10px">地址:</span><span class="fl"  style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">最近拜访:</span><span class="fl" style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">预约回访:</span><span class="fl"  style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">创建时间:</span><span class="fl" style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
<p class="w100"><span class="fl" style="margin-top:7px;margin-right:10px">业务员:</span><span class="fl"  style="margin-top:7px;">放假哈减肥哈几号放假啊和浮</span></p>
</div>
<div class="ul-h-box1" style="display:none;width:240px;margin-left:10px">
<p class="w100">客户服务" 的拜访记录</p>
<div class="w100">
        <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select>
        <span class="fl add-i1">+</span><span class="fl add-i1" >-</span>
</div>

	<ul class="w100 fatl">
           <li>
                <div style="width:20%">林丹丹</div>
                <div style="width:20%"><input type="checkbox"/></div>
                <div  style="width:60%">2016.12.22</div>
           
           
           </li>
            <li>
                <div style="width:20%">林丹丹</div>
                <div style="width:20%"><input type="checkbox"/></div>
                <div  style="width:60%">2016.12.22</div>
           
           
           </li>
            	
    </ul>

<div class="w100"><span class="fl">完成</span><span class="fr">初次咨询</span></div>
<div class="w100"><span class="fl">订单地方</span><span class="fr lie-btn1">点评</span><span class="fr lie-btn2">修改</span></div>
<!--<div class="ta-c bor-t" style="padding:10px 0">暂时没有拜访记录</div>-->
</div>
<div class="ul-h-box1" style="display:none;width:240px;margin-left:10px">
<p class="w100"> "客户服务" 的订单列表</p>
<div class="w100">
        <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select>
        <span class="fl add-i1">+</span><span class="fl add-i1" >-</span>
</div>

	<ul class="w100 fatl">
           <li>
                <div style="width:20%">林丹丹</div>
                <div style="width:20%"><input type="checkbox"/></div>
                <div  style="width:60%">2016.12.22</div>
           
           
           </li>
            	
    </ul>

<div class="w100"><span class="fl">完成</span><span class="fr">初次咨询</span></div>
<div class="w100"><span class="fl">订单地方</span><span class="fr lie-btn1">点评</span><span class="fr lie-btn2">修改</span></div>
<div class="ta-c bor-t"  style="padding:10px 0">暂时没有订单</div>
</div>
<div class="ul-h-box1" style="display:none;width:240px;margin-left:10px">
<p class="w100">"客户服务" 的附件列表</p>
<div class="w100">
        <select style="float:left;margin-top:6px"><option>所有下属</option><option>2</option><option>3</option><option>4</option></select>
        <span class="fl add-i1">+</span><span class="fl add-i1" >-</span>
</div>

	<ul class="w100 fatl">
           <li>
                <div style="width:20%">林丹丹</div>
                <div style="width:20%"><input type="checkbox"/></div>
                <div  style="width:60%">2016.12.22</div>
           
           
           </li>
            	
    </ul>

<div class="w100"><span class="fl">完成</span><span class="fr">初次咨询</span></div>
<div class="w100"><span class="fl">订单地方</span><span class="fr lie-btn1">点评</span><span class="fr lie-btn2">修改</span></div>
<div class="ta-c bor-t" style="padding:10px 0">暂时没有附件</div>
</div>
<div class="ul-h-box1" style="display:none;width:240px; margin-left:10px">
<p class="w100">"客户服务" 的收支记录</p>
<div class="w100">
        <ul class="ul-pr">
           <li><p>0</p><p>总收入</p></li>
           <li><p>0</p><p>总支出</p></li>
           <li><p>0</p><p>余额</p></li>
        </ul>
        <span class="fl add-i1">+</span>
</div>

<div class="ta-c bor-t" style="padding:10px 0">暂时没有收支记录</div>
</div>


</div></td>
    </tr>
  </tbody>

</table>



</div>



</div>

<!--<div class="pagination ue-clear"></div>-->
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/color.js"></script>
<script type="text/javascript">
$(".select-title").on("click",function(){
	$(".select-list").hide();
	$(this).siblings($(".select-list")).show();
	return false;
})
$(".select-list").on("click","li",function(){
	var txt = $(this).text();
	$(this).parent($(".select-list")).siblings($(".select-title")).find("span").text(txt);
})

$('.pagination').pagination(100,{
	callback: function(page){
		alert(page);	
	},
	display_msg: true,
	setPageNo: true
});

showRemind('input[type=text], textarea','placeholder');







$('.ul-tab1 li').click(function(){
	var indexa=$(this).index();
	$(this).addClass('bac-w').siblings().removeClass('bac-w');
	
	$('.ul-h-box1').hide().eq(indexa).show();
	
	})







</script>
</html>
